import React from "react";
import InputAtom from "../../Atoms/Input.Atom";
import { ICommonComponentProps } from "@/user.InterfaceLayer/constants/commonComponentProps/type";

interface FormInputProps {
  type?: any;
  checked?: ICommonComponentProps["checked"];
  className?: string;
  children?: ICommonComponentProps["children"];
  onChange?: any;
  placeholder?: string;
}

const FormInput: React.FC<FormInputProps> = (props) => {
  const { type, checked, className, children, onChange, placeholder } = props;

  return (
    <div className={`flex gap-3 ${className}`}>
      <InputAtom
        placeholder={placeholder}
        type={type}
        onChange={onChange}
        checked={checked}
      />
      {children}
    </div>
  );
};
export default FormInput;
